<template>
    <view class="page">
    <view class="flex benben-position-layout flex flex-wrap align-center testExamination_flex_0"    :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
            <view   class='flex flex-wrap align-center justify-between flex-sub testExamination_fd0_0'     >
            <view   class='flex flex-wrap align-center'  @tap.stop="handleJumpDiy" data-type="back" data-url="1"   >
        <text class='fu-iconfont2  testExamination_fd0_0_c0_c0' >&#xE794;</text>
</view>
<text class='testExamination_fd0_0_c1' >选择章节</text>
    <view   class='flex flex-wrap align-center testExamination_fd0_0_c2'     >
        </view>
</view>

        </view>
<view :style="{height: (88+StatusBarRpx)+'rpx'}"  ></view>
<!---flex布局flex布局开始-->
 <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout"   >
            <view   class='flex flex-wrap align-center testExamination_fd1_0'     >
        <image class='testExamination_fd1_0_c0' mode="aspectFit"  :src='STATIC_URL+"30.png"'></image>
<text class='testExamination_fd1_0_c1' >科目名称</text>
</view>
    
    <benben-flex-collapse class='flex flex flex-direction'      >
        
    
        <benben-collapse-item name="itemfd1_1_c0"  :border='true'     >
            <template #title="{isOpen,disabled}">
                <view v-if="!isOpen" class="flex not an flex align-center testExamination_notAnfd1_1_c0" :class="disabled?'benben-collapse-disabled':''">
                
    <view   class='flex flex align-center justify-center flex-sub'     >
        <image class='testExamination_notAnfd1_1_c0_c0_c0' mode="aspectFit"  :src='STATIC_URL+"22.png"'></image>
<text class='testExamination_notAnfd1_1_c0_c0_c1' >第一章</text>
<text class='flex-sub testExamination_notAnfd1_1_c0_c0_c2' >章节名称</text>
</view>

                </view>
                <view v-if="isOpen" class="flex an flex align-center testExamination_anfd1_1_c0" :class="disabled?'benben-collapse-disabled':''">
                
    <view   class='flex flex align-center justify-center flex-sub'     >
        <image class='testExamination_anfd1_1_c0_c0_c0' mode="aspectFit"  :src='STATIC_URL+"22.png"'></image>
<text class='testExamination_anfd1_1_c0_c0_c1' >第一章</text>
<text class='flex-sub testExamination_anfd1_1_c0_c0_c2' >章节名称</text>
</view>

                </view>
            </template>
                        <template #line>
                <view class="flex line "></view>
            </template>
                <template #content="{isOpen}"><view class="flex area flex testExamination_areafd1_1_c0" v-if="isOpen">
                
    <view   class='flex flex-direction align-stretch flex-sub flex testExamination_areafd1_1_c0_c0'     >
            <view   class='flex flex-wrap align-center testExamination_areafd1_1_c0_c0_c0'     >
            <view   class='flex flex-direction flex-wrap align-stretch flex-sub'     >
            <view   class='flex flex-wrap align-center testExamination_areafd1_1_c0_c0_c0_c0_c0'     >
        <text class='testExamination_areafd1_1_c0_c0_c0_c0_c0_c0' >第一节</text>
<text class='testExamination_areafd1_1_c0_c0_c0_c0_c0_c1' >名称后台设置</text>
</view>
    <view   class='flex flex-wrap align-center'     >
        <text class='testExamination_areafd1_1_c0_c0_c0_c0_c1_c0' >100</text>
<text class='testExamination_areafd1_1_c0_c0_c0_c0_c1_c1' >/</text>
<text class='testExamination_areafd1_1_c0_c0_c0_c0_c1_c2' >300</text>
<text class='testExamination_areafd1_1_c0_c0_c0_c0_c1_c3' >题</text>
<text class='testExamination_areafd1_1_c0_c0_c0_c0_c1_c4' >97</text>
<text class='testExamination_areafd1_1_c0_c0_c0_c0_c1_c5' >%</text>
</view>
</view>
<text class='fu-iconfont2  testExamination_areafd1_1_c0_c0_c0_c1' >&#xe7f2;</text>
</view>
<view class='flex benben-progress-bar testExamination_areafd1_1_c0_c0_c1' >
    <view  class='benben-progress-bar-center testExamination_progress1_areafd1_1_c0_c0_c1' :style="{width: 50+'%'}"></view>
    
</view>
</view>

                </view></template>
        </benben-collapse-item>
    

    </benben-flex-collapse>
    
</view>
<!---flex布局flex布局结束-->
    
    </view>
</template>
<script>
    
    export default {
        components:{},
        
        data(){
			return {"id":""};
		},
		computed:{
            
		},
		watch:{},
		onLoad(options){
            let {id}=options
this.id=id||''
		},
        onUnload() {
                
        },
		onReady(){
            
		},
		onShow(){
            
		},
		onHide(){
            
		},
		onResize(){
            
		},
		onPullDownRefresh(){
            
		},
		onReachBottom(e){
            
		},
		onPageScroll(e){
            
		},
		methods:{
            
		}
    };
</script> 
<style lang="scss" scoped>
       .testExamination_fd1_0{
        margin:0rpx 16rpx 0rpx 0rpx;padding:40rpx 32rpx 24rpx 32rpx;
    }
    .testExamination_fd1_0_c0{
        width:36rpx;height:36rpx;margin:0rpx 16rpx 0rpx 0rpx;
    }
    .testExamination_fd1_0_c1{
        line-height:45rpx;font-size:32rpx;font-weight:700;color:#333333;
    }
    .testExamination_notAnfd1_1_c0{
        background:rgba(244, 250, 255, 1);background-size: 100% !important;width:750rpx;height:80rpx;border-radius:40rpx 40rpx 40rpx 40rpx;padding:0rpx 32rpx 0rpx 32rpx;
    }
    .testExamination_anfd1_1_c0{
        background:rgba(244, 250, 255, 1);background-size: 100% !important;border-radius:40rpx 40rpx 40rpx 40rpx;padding:0rpx 32rpx 0rpx 32rpx;width:750rpx;height:80rpx;
    }
    .testExamination_areafd1_1_c0{
        min-height:80rpx;padding:0rpx 32rpx 0rpx 32rpx;
    }
    .testExamination_notAnfd1_1_c0_c0_c0{
        width:36rpx;height:36rpx;margin:0rpx 16rpx 0rpx 0rpx;
    }
    .testExamination_notAnfd1_1_c0_c0_c1{
        margin:0rpx 20rpx 0rpx 0rpx;line-height:45rpx;font-size:32rpx;font-weight:700;color:#1593FF;
    }
    .testExamination_notAnfd1_1_c0_c0_c2{
        font-weight:700;font-size:32rpx;color:#1593FF;line-height:45rpx;text-decoration:none;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;
    }
    .testExamination_anfd1_1_c0_c0_c0{
        width:36rpx;height:36rpx;margin:0rpx 16rpx 0rpx 0rpx;
    }
    .testExamination_anfd1_1_c0_c0_c1{
        margin:0rpx 20rpx 0rpx 0rpx;line-height:45rpx;font-size:32rpx;font-weight:700;color:#1593FF;
    }
    .testExamination_anfd1_1_c0_c0_c2{
        font-weight:700;font-size:32rpx;color:#1593FF;line-height:45rpx;text-decoration:none;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;
    }
    .testExamination_areafd1_1_c0_c0{
        border-bottom:1px solid #eee;padding:32rpx 0rpx 40rpx 0rpx;
    }
    .testExamination_areafd1_1_c0_c0_c0{
        margin:0rpx 0rpx 24rpx 0rpx;
    }
    .testExamination_areafd1_1_c0_c0_c0_c0_c0{
        margin:0rpx 0rpx 24rpx 0rpx;
    }
    .testExamination_areafd1_1_c0_c0_c0_c0_c0_c0{
        line-height:40rpx;font-size:28rpx;font-weight:400;color:#333333;margin:0rpx 15rpx 0rpx 0rpx;
    }
    .testExamination_areafd1_1_c0_c0_c0_c0_c0_c1{
        line-height:40rpx;font-size:28rpx;font-weight:400;color:#333333;
    }
    .testExamination_areafd1_1_c0_c0_c0_c0_c1_c0{
        line-height:40rpx;font-size:28rpx;font-weight:400;color:rgba(21, 147, 255, 1);
    }
    .testExamination_areafd1_1_c0_c0_c0_c0_c1_c1{
        line-height:40rpx;font-size:28rpx;font-weight:400;color:#333333;
    }
    .testExamination_areafd1_1_c0_c0_c0_c0_c1_c2{
        line-height:40rpx;font-size:28rpx;font-weight:400;color:#333333;
    }
    .testExamination_areafd1_1_c0_c0_c0_c0_c1_c3{
        line-height:40rpx;font-size:28rpx;font-weight:400;color:#333333;margin:0rpx 32rpx 0rpx 0rpx;
    }
    .testExamination_areafd1_1_c0_c0_c0_c0_c1_c4{
        line-height:40rpx;font-size:28rpx;font-weight:400;color:#333333;
    }
    .testExamination_areafd1_1_c0_c0_c0_c0_c1_c5{
        line-height:40rpx;font-size:28rpx;font-weight:400;color:#333333;
    }
    .testExamination_areafd1_1_c0_c0_c0_c1{
        font-size:26rpx;color:rgba(191, 191, 191, 1);
    }
    .testExamination_areafd1_1_c0_c0_c1{
        background:rgba(242, 242, 242, 1);background-size: 100% !important;width:602rpx;height:16rpx;border-radius:16rpx 16rpx 16rpx 16rpx;background-size:100% auto !important;
    }
    .testExamination_progress1_areafd1_1_c0_c0_c1{
        background:rgba(21, 147, 255, 1);background-size: 100% !important;border-radius:10rpx 10rpx 10rpx 10rpx;
    }
    .testExamination_fd0_0{
        padding:0rpx 32rpx 0rpx 32rpx;height:88rpx;
    }
    .testExamination_fd0_0_c0_c0{
        font-size:36rpx;font-weight:500;color:#333;line-height:36rpx;
    }
    .testExamination_fd0_0_c1{
        font-size:36rpx;font-weight:500;color:#333333;line-height:50rpx;
    }
    .testExamination_fd0_0_c2{
        width:36rpx;height:36rpx;
    }
    .testExamination_flex_0{
        border-bottom:1px solid #eee;background:#fff;background-size: 100% !important;width:750rpx;height:88rpx;overflow:hidden;z-index:10;top:0rpx;background-size:100% auto !important;
    }
        .page{
            min-height: calc(100vh - var(--window-bottom));
            background:#fff;background-size: 100% auto !important;
        }
</style>